{% extends "my_friends/shared.html" %}

{% block title %}
Manage my friends
{% endblock %}

{% block content %}
	{% if friends %}
	<h2>Click the Remove Button to remove the selected friends:</h2>
	{% endif %}
	<div class="paragraph">
		<form id="removefriendsbuttton" action="/friends/remove/" method="post">
			{% for f in friends %}
			<input type="checkbox" name="friendsList"  value="{{ f }}" id="{{ f }}" />
			<label for="{{ f }}" >{{ f }}</label>
			<br />
			{% endfor %}
			{% if friends %}
			<br />
			{% endif %}
			{% if hasToRemove %}
			<input type="image" src ="{{ STATIC_URL }}images/buttons/remove.png" value="Remove selected from friends" />
			{% endif %}
		</form>
	</div>
	<div class="paragraph">
		<form id="addfriendsbuttton" action="/friends/add/" method="post">
			{% if hasToAdd %}
			<input type="image" src ="{{ STATIC_URL }}images/buttons/add.png" value="Add more friends" />
			{% endif %}
		</form>
		<div class="helpSheet">
			<br />
			{% if hasToRemove %}
			Above you see a list of all the friends you've already added to your
			friends list.
			<br />
			Check any of them and click the 'Remove' button to remove them from your
			friends list.
			<br />
			Notice that this also means that they are removed from any group they belong to
			in your groups.
			<br />
			{% endif %}
			<br />
			{% if hasToAdd %}
			You can click on the 'Add' button to add more friends to your list.
			<br />
			The people in your friends list are the people you can find movies to share with,
			add to groups etc.
			<br />
			{% endif %}
		</div>
	</div>
{% endblock %}
